{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="{% static 'lms/bootstrap5/css/bootstrap.min.css' %}" rel="stylesheet" type="text/css">
    <link href="{% static 'lms/css/style.css' %}" rel="stylesheet" type="text/css">
</head>
<body style="background-image: linear-gradient(to top, #a8edea 0%, #fed6e3 100%);">
<div style="margin: 180px auto;border:1px solid red;height: 500px;width: 500px;">
    <div style="height: 180px;border: 1px solid green;background-color: #71246B;">
        <div >
            <img src="{% static 'lms/image/head.gif' %}" width="300px;">
            <div style="color: white;font-family: 华文行楷;font-size: 36px;margin-top: 15px;text-align: center">图书管理系统</div>
        </div>
    </div>
    <div style="height: 60px;border: 1px solid black;">
        <span style="line-height: 60px;margin-left: 50px;font-size: 20px;">欢迎登录</span>
        <a href="#" style="margin-left:200px;text-decoration: none;font-size: 20px;">忘记密码？</a>
    </div>
    <form>
        <div class="input-group" style="width: 200px;margin-top:10px;">
            <span class="input-group-text" id="basic-addon1">@</span>
            <input type="text" class="form-control" placeholder="Username" aria-label="Username" aria-describedby="basic-addon1">
        </div>
    </form>
</div>
</body>
</html>